<h3>Top Heroes</h3>
<div class="grid grid-pad">
  <a *ngFor="let hero of heroes" class="col-1-4" routerLink="/detail/{{hero.id}}">
    <div class="module hero">
      <h4>{{ hero.name }}</h4>
    </div>
  </a>
  <div style="margin-top:20px">
    <button (click)="getThumbnail()">获取缩略图</button>
    <div style="padding-top:20px">
      <video id="my_video" width="200px" height="200px"
        src="https://firebasestorage.googleapis.com/v0/b/calaren-c1-dev.appspot.com/o/videos%2Fshops%2F1556566714386.Z7ywf.mov?alt=media&token=e66eeded-d19c-4dce-a468-eaf1b139d573"
        controls="controls">
      </video>
      <canvas id="my_canvas" width="200px" height="200px"></canvas>
    </div>
  </div>
</div>
